菜单
笔记
当前使用 React Router Api 版本 6.20.1;过低的版本可能被废弃
示范
jsx
import * as React from "react";
import * as ReactDOM from "react-dom/client";
import { createBrowserRouter, RouterProvider } from "react-router-dom";
import "./index.css";
const router = createBrowserRouter([
{
path: "/",
element: <div>Hello world!</div>,
},
]);
ReactDOM.createRoot(document.getElementById("root")).render(
<React.StrictMode>
<RouterProvider router={router} />
</React.StrictMode>
);
路由模式
js
import { createBrowserRouter, createHashRouter } from "react-router-dom";
创建浏览器路由器 这是所有 React Router Web 项目的推荐路由器。它使用 DOM History API 来更新 URL 并管理历史堆栈。
无法配置 Web 服务器,使用 hash 可以解决页面访问空白问题。